{% extends "base.html" %}

{% block content %}
    <!-- 页面标题区域 -->
    <section class="hero-section text-center">
        <div class="container">
            <h1>关于糖尿病</h1>
            <p>了解糖尿病的基本知识，关注您的健康</p>
        </div>
    </section>

    <!-- 糖尿病简介区域 -->
    <section class="content-section">
        <div class="container">
            <h2>糖尿病基础知识</h2>
            <div class="row">
                <div class="col-md-8">
                    <div class="card p-5 mb-4">
                        <h3>什么是糖尿病？</h3>
                        <p>糖尿病是一种慢性代谢性疾病，其特征是由于胰岛素分泌不足或胰岛素作用缺陷导致的血糖水平持续升高。胰岛素是由胰腺分泌的一种激素，它帮助葡萄糖进入细胞，为身体提供能量。</p>
                        <p>当胰岛素不足或身体对胰岛素的反应减弱时，葡萄糖无法被有效利用，导致血液中葡萄糖浓度升高，从而引发糖尿病。</p>
                    </div>

                    <div class="card p-5 mb-4">
                        <h3>糖尿病的类型</h3>
                        <div class="mb-4">
                            <h4>1型糖尿病</h4>
                            <p>1型糖尿病通常在儿童或青少年时期发病，是由于免疫系统错误地攻击并破坏胰腺中产生胰岛素的细胞，导致胰岛素绝对缺乏。患者需要终身使用胰岛素治疗。</p>
                        </div>
                        <div class="mb-4">
                            <h4>2型糖尿病</h4>
                            <p>2型糖尿病是最常见的类型，约占糖尿病患者的90%以上。它通常在成年期发病，主要是由于身体对胰岛素的敏感性降低（胰岛素抵抗）或胰岛素分泌不足。2型糖尿病与遗传、肥胖、缺乏运动等因素密切相关。</p>
                        </div>
                        <div>
                            <h4>妊娠期糖尿病</h4>
                            <p>妊娠期糖尿病是指在怀孕期间首次发现的高血糖症，通常在分娩后会恢复正常。但患有妊娠期糖尿病的女性在未来患2型糖尿病的风险会增加。</p>
                        </div>
                    </div>

                    <div class="card p-5">
                        <h3>糖尿病的症状</h3>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">多饮：感到异常口渴，饮水量明显增加</li>
                            <li class="list-group-item">多尿：尿频，尿量增多</li>
                            <li class="list-group-item">多食：食欲亢进，容易饥饿</li>
                            <li class="list-group-item">体重下降：尽管食欲增加，但体重却下降</li>
                            <li class="list-group-item">疲劳：感到异常疲倦，缺乏精力</li>
                            <li class="list-group-item">视力模糊：高血糖导致晶状体肿胀，影响视力</li>
                            <li class="list-group-item">伤口愈合缓慢：高血糖影响血液循环和免疫系统功能</li>
                            <li class="list-group-item">反复感染：如尿路感染、皮肤感染等</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card p-5 mb-4">
                        <h3>全球糖尿病现状</h3>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><strong>患病率：</strong>全球约有4.63亿糖尿病患者</li>
                            <li class="list-group-item"><strong>增长率：</strong>预计到2045年将达到7亿</li>
                            <li class="list-group-item"><strong>主要负担：</strong>约80%的糖尿病死亡发生在低收入和中等收入国家</li>
                            <li class="list-group-item"><strong>医疗费用：</strong>全球每年用于糖尿病的医疗费用超过7600亿美元</li>
                        </ul>
                    </div>

                    <div class="card p-5 mb-4">
                        <h3>糖尿病高危人群</h3>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">有糖尿病家族史的人</li>
                            <li class="list-group-item">超重或肥胖者</li>
                            <li class="list-group-item">缺乏运动的人</li>
                            <li class="list-group-item">高血压患者</li>
                            <li class="list-group-item">血脂异常者</li>
                            <li class="list-group-item">年龄在45岁以上的人</li>
                            <li class="list-group-item">曾经患有妊娠期糖尿病的女性</li>
                            <li class="list-group-item">多囊卵巢综合征患者</li>
                        </ul>
                    </div>

                    <div class="card p-5">
                        <h3>糖尿病诊断标准</h3>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><strong>空腹血糖：</strong>≥7.0mmol/L</li>
                            <li class="list-group-item"><strong>餐后2小时血糖：</strong>≥11.1mmol/L</li>
                            <li class="list-group-item"><strong>随机血糖：</strong>≥11.1mmol/L，伴有糖尿病症状</li>
                            <li class="list-group-item"><strong>糖化血红蛋白（HbA1c）：</strong>≥6.5%</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 糖尿病视网膜病变介绍区域 -->
    <section class="content-section bg-white">
        <div class="container">
            <h2>糖尿病视网膜病变</h2>
            <div class="row">
                <div class="col-md-6">
                    <div class="card p-5 mb-4">
                        <h3>什么是糖尿病视网膜病变？</h3>
                        <p>糖尿病视网膜病变是糖尿病最常见的微血管并发症之一，也是导致成年人失明的主要原因。它是由于长期高血糖导致视网膜血管损伤所引起的。</p>
                        <p>视网膜是眼睛后部的一层感光组织，负责将光信号转换为神经信号并传递到大脑。当视网膜血管受损时，可能导致视力下降甚至失明。</p>
                    </div>

                    <div class="card p-5">
                        <h3>糖尿病视网膜病变的危险因素</h3>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">糖尿病病程长</li>
                            <li class="list-group-item">血糖控制不佳</li>
                            <li class="list-group-item">高血压</li>
                            <li class="list-group-item">高血脂</li>
                            <li class="list-group-item">吸烟</li>
                            <li class="list-group-item">妊娠</li>
                            <li class="list-group-item">遗传因素</li>
                            <li class="list-group-item">肥胖</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card p-5 mb-4">
                        <h3>糖尿病视网膜病变的分期</h3>
                        <div class="mb-4">
                            <h4>1. 非增殖期视网膜病变</h4>
                            <p><strong>轻度非增殖期：</strong>视网膜出现微动脉瘤（小的圆形出血点）</p>
                            <p><strong>中度非增殖期：</strong>视网膜出现更多的微动脉瘤、出血和渗出</p>
                            <p><strong>重度非增殖期：</strong>视网膜出现广泛的出血和渗出，可能出现视网膜内微血管异常</p>
                        </div>
                        <div>
                            <h4>2. 增殖期视网膜病变</h4>
                            <p>视网膜出现新生血管（异常的血管生长），这些血管容易破裂出血，可能导致视网膜脱离和失明。</p>
                        </div>
                    </div>

                    <div class="card p-5">
                        <h3>早期发现的重要性</h3>
                        <p>糖尿病视网膜病变在早期可能没有明显症状，但随着病情进展，可能出现视力模糊、眼前黑影飘动、视力下降等症状。等到出现明显症状时，病情往往已经比较严重。</p>
                        <p>早期发现和治疗可以有效减少视力丧失的风险。糖尿病患者应该定期进行眼部检查，以便早期发现和治疗视网膜病变。</p>
                        <div class="mt-4">
                            <a href="/" class="btn btn-primary">进行视网膜病变检测</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 系统介绍区域 -->
    <section class="content-section">
        <div class="container">
            <h2>关于我们的系统</h2>
            <div class="row">
                <div class="col-md-8 offset-md-2">
                    <div class="card p-5">
                        <h3>系统原理</h3>
                        <p>本系统采用先进的深度学习技术，通过分析眼底图像，自动识别是否存在糖尿病视网膜病变。系统使用了卷积神经网络（CNN），特别是基于ResNet50架构，并结合了注意力机制（如CBAM和NLB）来提高识别准确性。</p>
                        
                        <h3 class="mt-4">系统特点</h3>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><strong>高准确性：</strong>系统经过大量数据训练，识别准确性高</li>
                            <li class="list-group-item"><strong>快速便捷：</strong>上传图像后，几秒钟内即可得到结果</li>
                            <li class="list-group-item"><strong>非侵入性：</strong>无需进行有创检查，仅需上传眼底图像</li>
                            <li class="list-group-item"><strong>易于使用：</strong>界面简洁直观，操作简单</li>
                            <li class="list-group-item"><strong>隐私保护：</strong>所有上传的图像仅用于本次分析，不会保存</li>
                        </ul>

                        <h3 class="mt-4">使用注意事项</h3>
                        <p>本系统仅作为辅助诊断工具，不能替代专业医生的诊断。如果系统提示可能患有糖尿病视网膜病变，或者您有视力问题，请及时咨询眼科医生进行进一步检查和诊断。</p>
                        <p>此外，糖尿病患者应该定期进行眼部检查，遵循医生的建议进行治疗和管理，以预防和延缓糖尿病视网膜病变的进展。</p>

                        <div class="mt-4">
                            <a href="/" class="btn btn-primary">开始使用</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}